body {
    background-color: #222;
    padding-bottom: 40px;
}

.editor-toolbar {
    border-top-left-radius: unset;
    border-top-right-radius: unset;
}

.layui-container {
    padding: 0 20px;
    width: 100%;
}

.catalog-container, .editor-container {
    height: 1300px;
}

.catalog-card, .editor-card, #editorContent {
    height: 100%;
}

.catalog-card .layui-card-body {
    height: 1140px;
    overflow-y: auto;
}

.editor-card .layui-card-body {
    padding: unset;
}

#editorContent {
    width: 100%;
    height: 1140px;
    border: unset;
}

#dtreeContent > .dtree-nav-item {
    padding-left: unset;
}

#dtreeContent em i.dtreefont {
    color: #333333;
}

#dtreeContent em i.dtreefont:hover,
#dtreeContent .dtree-theme-item:hover cite,
.catalog-menubar button:hover {
    color: #1e9fff !important;
}

.alert-form {
    padding: 20px;
}

.alert-form .alert-form-input {
    margin-bottom: 10px;
}

#navigation {
    text-align: center;
    padding: 0px 25px;
    margin: 3px 0px;
    background-color: unset;
}

#navigation .layui-nav .layui-this:after, .layui-nav-bar {
    background-color: #1e9fff;
}

.catalog-menubar {
    width: 100%;
    border-bottom: 1px solid #eee;
}

.catalog-menubar button {
    border-top: unset;
    border-bottom: unset;
    transition: all 0.5s;
    border-radius: unset;
}
